<template>
  <div>
    <h3>animation: @keyframem 时间 速度曲线 延迟几秒开始 动画播放的次数 轮流反向播放动画</h3>

    <div class="aside">
      <div class="box">
        <ul>
          <li>
            <router-link to="/animate/fade" active-class="active-link">fade(逐渐消失)</router-link>
          </li>
          <li>
            <router-link to="/animate/slide" active-class="active-link">slide(滑动)</router-link>
          </li>
          <li>
            <router-link to="/animate/demo" active-class="active-link">deom(示例)</router-link>
          </li>
        </ul>
      </div>

      <!-- 展示 -->
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: 'animateView',
}
</script>

<style lang="scss" scoped>
@import '../style.css';
</style>
